<!DOCTYPE HTML>
<html>
<head>
<title>Login</title>
<include file="Public/head"/> 
    <script> 
        function check(){
            var password = document.getElementById("password").value;
            var repsword = document.getElementById("newpassword").value;
        if(password == ''||repsword==''){
        alert('密码不能为空');
            return false;
        }
        if(password != repsword) {
        alert("两次密码不同，请重新输入");
            return false;
        }
       return true;
        }
    </script>
</head>
<body>
		<!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
					<!-- 	<div class="phone">
							<ul>
								<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
								<li><p>+4758 655 5947</p></li>
							</ul>
						</div> -->
						<div class="logo">
							<h1><a href="index.html">ICOOK</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
						<a href="login.html">登录</a>
						</div>
						<div class="cart box_1">
						<p></p>
							<div class="clearfix"> </div>
						</div>
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner ban1">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a href="{:U('Index/index')}" >首页</a></li>
							<li><a  href="about.html">关于我们</a></li>
						
						</ul>
						<!-- script for menu -->
									
							 <script>
							 $("span.menu").click(function(){
							 $(".top-menu ul").slideToggle("slow" , function(){
							 });
							 });
							 </script>
						<!-- //script for menu -->
					</div>
					</div>	
			</div>
		
			<!--contact-->
			<div class="content">
 <div class="main-1">
		<div class="container">
<div class="login-page">
			   <div class="account_grid">
			   <div class="col-md-6 login-left wow fadeInLeft" data-wow-delay="0.4s">
			  	 <h3>新用户</h3>
				 <p>通过创建一个新用户,你将能够看到详细的做菜方法哦~期待您对我们的菜谱提出宝贵的意见有~~我在ICOOK等你~~~
                 </p>
				 <a class="acount-btn" href="reg.html">创建一个新用户</a>
			   </div>
			   <div class="col-md-6 login-right wow fadeInRight" data-wow-delay="0.4s">
			  	<h3>已注册用户</h3>
				<p>如果你有我们这里的账户,请登录。</p>
			<form  method="post"  class="form-horizontal" action="{:U(checkLogin)}"  enctype="multipart/form-data" onsubmit="return check();"  >
				  <div>
					<span>手机号<label>*</label></span>
					<input name="telephone" id="telephone" placeholder="用户名" type="text"> 
				  </div>
				  <div>
					<span>密码<label>*</label></span>
					<input name="password" id="password" placeholder="密码" type="password"  style="width:520px;"> 
				  </div>
				  <div>
<input placeholder="验证码" type="text"    required  name="verify"><br>
<img id="verifyImg" src="{:U('users/verify')}" onClick="fleshVerify()"
     title="点击刷新验证码" style="cursor:pointer;border:0px" >
</div>
				  <a class="forgot" href="#">忘记密码?</a>
				  <input type="submit" value="登录">
			    </form>
			   </div>	
			   <div class="clearfix"> </div
			 </div>
		   </div>
		   </div>
	</div>
	</div>
<!-- login -->
<include file="Public/footer"/> 
<!-- JS -->

<script language="JavaScript">
function fleshVerify(){
document.getElementById("verifyImg").src="{:U('verify')}";
}
</script>

<!-- end JS -->
</body>
</html>
	